<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>志愿填报</title>
</head>

<script>

    if(!localStorage.stu_token){
      console.log(localStorage.stu_token)
    location.href='/'
  }

</script>
    <script src="./js/jquery.min.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/bootstrap.min.js"></script>
    <style>
      .my-lead{
        font-size: 18px;
      }


    </style>
<body>
    <div class="vh-100">
        <div class="shadow-sm  bg-white mb-5 " style="height: 60px"  >
            <div class=" h-100 d-flex  align-items-center  col-11 m-auto" >
                <img src="/img/xinlong-logo.png" class="h-75 " alt="新龙logo">
                <h4 class="ml-4 mt-2 d-none d-sm-block" style="color: #999999;font-family:'华文宋体';">软件学院</h4>
                <div class="ml-auto" >
                    <span id="userInfo-nickName"  class="col-4" ></span>
                    <a href="#" class="text-decoration-none" onclick="logOut()" >退出</a>
                </div>
            </div>
        </div>


        <div class="w-75 h-100 m-auto">
        <div class="card-group mb-4" id="fangxiang" >
                <div class="card-deck1 row ">
                    <div class="card-wrap" >


                    </div>
                </div>
              </div>
            <div class="jumbotron">
                <h1 id="stuId_Name" class="display-5">
                  学号+姓名
                </h1>

                <div id="my-choice">
                  <h4 class="d-inline-block">我的选择:</h4>
                  <!-- <h4 class="d-inline-block"><span class="badge badge-success pl-2 pt-3 pb-3 pr-1"><span class="badge badge-light">1</span> VR虚拟现实 <span class="badge badge-dark" onclick="del()">X</span></span></h4>
                  <h4 class="d-inline-block"><span class="badge badge-success pl-2 pt-3 pb-3 pr-1">VR虚拟现实 <span class="badge badge-dark">X</span></span></h4>
                  <h4 class="d-inline-block"><span class="badge badge-success pl-2 pt-3 pb-3 pr-1">VR虚拟现实 <span class="badge badge-dark">X</span></span></h4>
                  <h4 class="d-inline-block"><span class="badge badge-success pl-2 pt-3 pb-3 pr-1">VR虚拟现实 <span class="badge badge-dark">X</span></span></h4>
                  <h4 class="d-inline-block"><span class="badge badge-success pl-2 pt-3 pb-3 pr-1">VR虚拟现实 <span class="badge badge-dark">X</span></span></h4>
                  <h4 class="d-inline-block"><span class="badge badge-success pl-2 pt-3 pb-3 pr-1">VR虚拟现实 <span class="badge badge-dark">X</span></span></h4> -->
                </div>
                                <!-- 保存志愿 -->


                <div class="overflow-hidden w-100  ">
                    <a class=" btn btn-primary btn-sm float-right m-2  " style="color: white;" id='saveVolunteer' role="button">填报志愿</a>
                    <span class="float-right">&nbsp;&nbsp;&nbsp;</span>
                    <a class="btn btn-primary btn-sm float-right m-2 " target="_blank" href="/progress" id='saveVolunteer' role="button">查看整体情况</a>
                </div>

                <hr class="my-4">
                <h4 class="display-6" style="color:red">
                  专业方向选择注意事项:
                </h4>
                <p class="lead my-lead">1.填报或修改志愿之后，请在志愿填报页面进行完整的截图（截图必须包括学号、姓名、当前选择的专业）</p>
                <p class="lead my-lead">2.请仔细观看下方的方向介绍，充分了解之后在进行填报</p>
                <p class="lead my-lead">3.填报机会只有三次，请谨慎填报</p>
                <p class="lead my-lead">4.进入填报页面之后请确认自己的学号姓名是否正确</p>
                <p class="lead my-lead">5.请按照自己情况，合理进行选择志愿（不可少于已有志愿数）</p>
                <hr class="my-4">
              </div>


            </div>
    </div>
    <script src="/js/axios.min.js"></script>
    <script src="./js/userPulic.js"></script>
    <script src="/js/tbzy.js"></script>
    <script>

    </script>
</body>
</html>
